<template>
    <div class="continer_fb">
        <div class="top_tr">
            <div class="ture_img">
                <img src="../../images/main/fabuwancheng@1.png" alt="发布完成">
            </div>
            <div class="two_alert">
                活动发布成功，请等待审核结果
                <p>温馨提示：我们将尽快审核您的活动，请耐心等待</p>
            </div>
        </div>
        <input type="button" value="查看订单详情" class="bl_btn" @click="seeInfo()">
        <input type="button" value="返回首页" class="bl_btn" @click="backIndex()">
    </div>
</template>
<script>
export default {
    data () {
        return {
            params: this.decodeJson( this.$route.query.p )
        }
    },
    methods: {
        backIndex: function () {
            this.$router.push({
                path:'/main'
            })
        },
        seeInfo: function () {
            this.$router.push({
                path:'/main/activityDetail',
                query: {
                    p: this.encodeJson({
                        activityId: this.params.activityId
                    })
                }
            })
        }
    }
}
</script>

<style scoped>
    .continer_fb {
        width: 650px;
        height: 400px;
        margin: 250px auto;
    }
    .top_tr {
        width: 800px;
        height: 148px;
    }
    .ture_img {
        float: left;
    }
    .two_alert {
        float: left;
        margin: 0 0 100px 61px;
        font-family: PingFangSC-Medium;
        font-size: 24px;
        color: #f70000;
        letter-spacing: 0.02px;
        text-align: center;
        line-height: 60px;
        font-weight: bold;
    }
    .two_alert p {
        font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #4a4a4a;
        letter-spacing: 0.01px;
        text-align: left;
    }
    .bl_btn {
        background: #4B74FF;
        width: 255px;
        height: 55px;
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #ffffff;
        letter-spacing: 0.03px;
        text-align: center;
        margin-left: 63px;
        cursor: pointer;
    }
</style>
